// 橙色渐变色
$orange-linear-gradient: linear-gradient(-45deg, #eb7a2f, #eb872f);
// 橙色字体
$orange-color: #eb872f;
// 默认字体黑色
$default-text-color: #2e2e2e;
// 底边框色
$default-border-color: #e1e4f5;
// 窗口背景色
$default-background-color: #f6f7fa;

/* 文字尺寸 */
$ab-font-size-sm: 24upx;
$ab-font-size-base: 28upx;
$ab-font-size-lg: 32upx;
// 基础行高
$base-line-height: 28upx;

// 主题颜色
$default-color: #02a074;

.ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	word-break: break-all;
}
.ellipsis-2 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

@mixin scrollBarStyle() {
	// &::-webkit-scrollbar {
	// 	width: 4rpx;
	// 	height: 14rpx;
	// 	display: block;
	// }
	// &::-webkit-scrollbar-thumb {
	// 	border-radius: 20rpx;
	// 	-webkit-box-shadow: inset 0 0 10rpx #9b9ba3;
	// 	background: #9b9ba3;
	// }
	
	
	&::-webkit-scrollbar {
		/* 隐藏默认的滚动条 */
		-webkit-appearance: none;
		display: block;
	}

	&::-webkit-scrollbar:vertical {
		/* 设置垂直滚动条宽度 */
		width: 4rpx;
	}
	
	//滚动条的新样式定制
	&::-webkit-scrollbar-thumb {
		border-radius: 10%;
		border: 2rpx solid #666;
		background-color: #666;
	}
	&::-webkit-scrollbar-track {
	    border-radius: 10rpx;  
	    background-color: #ffffff; 
	}
}

// 限制导航栏宽度最多500px
.u-navbar--fixed{
	// max-width: 500px;
	// left: 50%;
    // top: 0;
	// right: unset;
	// transform: translateX(-50%);
}
.u-navbar__content{
	max-width: 500px;
	margin: 0 auto;
}